<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>

		<link rel="stylesheet" href="css/bootstrap.3.4.1.css">
		<link rel="stylesheet" href="css/main.css">
	</head>

	<!-- 
	## 15.5 首页右侧栏
	 
	 -->
	<body>

		<div class="navbar navbar-default navbar-fixed-top">

			<div class="container">

				<div class="navbar-header">
					<a href="index.html" class="navbar-brand">
					</a>
				</div>

				<ul class="nav navbar-nav">
					<li><a href="#">栓蛋-头条</a></li>
					<li><a href="#">国内</a></li>
					<li><a href="#">国际</a></li>
					<li><a href="#">社会</a></li>
					<li><a href="#">军事</a></li>
					<li><a href="#">财务</a></li>
				</ul>


				<ul class="nav navbar-nav navbar-right">
					<li><a href="#">登录</a></li>
					<li><a href="#">注册</a></li>
				</ul>
			</div>


		</div>

		<div class="container">

			<div class="row">

				<div class="col-xs-2">

					<div class="list-group side-bar">
						<a href="" class="list-group-item  active"> 全部</a>
						<a href="" class="list-group-item"> 电影</a>
						<a href="" class="list-group-item"> 电视剧</a>
						<a href="" class="list-group-item"> 明星</a>
						<a href="" class="list-group-item"> 八卦</a>
						<a href="" class="list-group-item"> 演员</a>
						<a href="" class="list-group-item"> 歌手</a>
						<a href="" class="list-group-item"> 热榜 </a>
						<a href="" class="list-group-item"> 推荐 </a>
						<a href="" class="list-group-item"> 抗疫 </a>

					</div>

				</div>


				<div class="col-xs-7 main-content ">
					<!-- main-content -->

					<div class="news-list ">

						<div class="news-item  clearfix">
							<div class="col-xs-5">
								<img src="img/002.jpg">
							</div>
							<div class="col-xs-7">

								<a href="#" class="title">某著名高校女生貌美如花被潜规则，目前女生情绪稳定 </a>
								<div class="info">

									<span class="avatar">
										<img src="./img/logo.jpg">
									</span>
									<span>王花花</span> -
									<span>348评论</span> -
									<span>8分钟前</span>

								</div>


							</div>
						</div>



						<div class="news-item  clearfix">
							<div class="col-xs-5">
								<img src="img/006.jpeg">
							</div>
							<div class="col-xs-7">

								<a href="#" class="title">上海市民 蔬菜包里面“附赠”一条蛇, 该怎么安全处理？ </a>
								<div class="info">

									<span class="avatar">
										<img src="./img/logo.jpg">
									</span>
									<span>Frank</span> -
									<span>318评论</span> -
									<span>2分钟前</span>

								</div>


							</div>
						</div>


						<div class="news-item  clearfix">
							<div class="col-xs-5">
								<img src="img/008.jpeg">
							</div>
							<div class="col-xs-7">

								<a href="#" class="title">十几位明星支援上海，赵丽颖捐牛奶，baby捐大米，邓超孙俪也捐了 </a>
								<div class="info">

									<span class="avatar">
										<img src="./img/logo.jpg">
									</span>
									<span>李栓蛋</span> -
									<span>48评论</span> -
									<span>1分钟前</span>

								</div>
							</div>
						</div>




						<div class="news-item  clearfix">
							<div class="col-xs-5">
								<img src="img/003.jpg">
							</div>
							<div class="col-xs-7">

								<a href="#" class="title">某著名高校女生貌美如花被潜规则，目前女生情绪稳定 </a>
								<div class="info">

									<span class="avatar">
										<img src="./img/logo.jpg">
									</span>
									<span>王花花</span> -
									<span>348评论</span> -
									<span>8分钟前</span>

								</div>


							</div>
						</div>


						<div class="news-item  clearfix">
							<div class="col-xs-5">
								<img src="img/004.jpg">
							</div>
							<div class="col-xs-7">

								<a href="#" class="title">某著名高校女生貌美如花被潜规则，目前女生情绪稳定 </a>
								<div class="info">

									<span class="avatar">
										<img src="./img/logo.jpg">
									</span>
									<span>王花花</span> -
									<span>348评论</span> -
									<span>8分钟前</span>

								</div>


							</div>
						</div>


						<div class="news-item  clearfix">
							<div class="col-xs-5">
								<img src="img/007.jpeg">
							</div>
							<div class="col-xs-7">

								<a href="#" class="title">张杰谢娜夫妇向上海捐赠物资，优先给70岁以上老人 </a>
								<div class="info">
									<span class="avatar">
										<img src="./img/logo.jpg">
									</span>
									<span>王花花</span> -
									<span>348评论</span> -
									<span>8分钟前</span>
								</div>
							</div>
						</div>

					</div>

				</div>



				<div class="col-xs-3 right-side">



					<div class="search-bar">

						<input type="search" name="" class="form-control" value="" placeholder="搜索资讯" />

					</div>



					<div class="side-bar-card flag  clearfix">


						<div class="col-xs-4">

							<img src="img/1-1.png">
						</div>
						<div class="col-xs-8">

							<div class="text-lg">网上有害信息举报专区</div>
							<div>举报电话: 123455</div>

						</div>

					</div>


					<div class="side-bar-card">


						<div class="card-title">24小时热闻</div>
						<div class="card-body">

							<div class="list">

								<div class="item">
									<div class="title">上海全力保障疫情期间农民工群体利益</div>
									<div class="description">
										13k阅读 - 100评论
									</div>

								</div>


								<div class="item">
									<div class="title">上海现有重型157例 危重型 18例 </div>
									<div class="description">
										13k阅读 - 100评论
									</div>

								</div>


								<div class="item">
									<div class="title">读书之美|不辜负每一份热爱</div>
									<div class="description">
										13k阅读 - 100评论
									</div>
								</div>

								<div class="item">
									<div class="title">读书之美|不辜负每一份热爱</div>
									<div class="description">
										13k阅读 - 100评论
									</div>
								</div>

								<div class="item">
									<div class="title">读书之美|不辜负每一份热爱</div>
									<div class="description">
										13k阅读 - 100评论
									</div>
								</div>
								<div class="item">
									<div class="title">读书之美|不辜负每一份热爱</div>
									<div class="description">
										13k阅读 - 100评论
									</div>
								</div>
								<div class="item">
									<div class="title">读书之美|不辜负每一份热爱</div>
									<div class="description">
										13k阅读 - 100评论
									</div>
								</div>
								<div class="item">
									<div class="title">读书之美|不辜负每一份热爱</div>
									<div class="description">
										13k阅读 - 100评论
									</div>
								</div>

							</div>


						</div>


					</div>




				</div>


	</body>
</html>
